
.bs-slider{overflow: hidden; max-height:750px;  position: relative; width:100%;}
.bs-slider:hover { cursor: -moz-grab; cursor: -webkit-grab;}
.bs-slider:active {cursor: -moz-grabbing; cursor: -webkit-grabbing;}
.bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;}
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img { margin: auto; width: 100% !important;}
.slide-image{ width:100%; height:750px;}

/********************
*****Slide effect
**********************/

.fade {opacity: 1;}
.fade .item { top: 0;z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important;
    -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s;    -o-transition: opacity ease-in-out 1s;  transition: opacity ease-in-out 1s;}
.fade .item:first-child { top: auto; position: relative;}
.fade .item.active { opacity: 1; z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.control-round .carousel-control {top: 47%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #fff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 50px; text-shadow: none; position: absolute; font-weight: normal; background: transparent;   -webkit-border-radius: 50%;  border-radius:50%;}
.control-round .carousel-control{opacity: 1;}
.control-round .carousel-control.left { left: 1%;}
.control-round .carousel-control.right {right: 1%;}
.control-round .carousel-control.left,.control-round .carousel-control.right{color: #fff; background: rgba(0, 0, 0, 0.5); border: 0px transparent; text-align:center; line-height:50px;}
.control-round .carousel-control.left>span:nth-child(1){ left: 45%;line-height: 50px; height:50px;}
.control-round .carousel-control.right>span:nth-child(1){ right: 45%;line-height: 50px; height:50px;}
.indicators-line > .carousel-indicators{ position:absolute; width:100%; bottom:25px; height: 20px; text-align:center;}
.indicators-line > .carousel-indicators li{ width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158);overflow: hidden;position: relative; background: rgb(158, 158, 158); border-radius: 50%; z-index: 10;display:inline-block; cursor:pointer; margin:0 2px;}
.indicators-line > .carousel-indicators li:last-child{ margin-right: 0;}
.indicators-line > .carousel-indicators .active{margin: 0px 2px;border: 1px solid rgb(248, 187, 23);background: rgb(248, 187, 23);position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}


/*---------- SLIDE CAPTION ----------*/
.slide_style_left { text-align: left !important;}
.slide_style_right {text-align: right !important;}
.slide_style_center {text-align: center !important;}
.slide-text {position: relative; margin-top:-750px; width:1200px; height:750px;}
.slide-text > h1 {padding: 0;color: #fff;font-size: 70px;font-style: normal;line-height: 84px;margin-bottom: 30px;letter-spacing: 1px;display: inline-block;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.slide-text > p {padding: 0;color: #ffffff;font-size: 20px;line-height: 24px;font-weight: 300;margin-bottom: 40px;letter-spacing: 1px;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.slide-text > a.btn-default{color: #000;font-weight: 400;font-size: 13px;line-height: 15px;margin-right: 10px;text-align: center;padding: 17px 30px;white-space: nowrap;letter-spacing: 1px;display: inline-block;border: none;text-transform: uppercase;-webkit-animation-delay: 2s;animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}


.container{ width:1200px; margin:0 auto; height:750px;}
.bana_a{ position:absolute; top:275px; left:0px;}
.bana_b{ position:absolute; top:352px; left:0px;}
.banb_a{ position:absolute; top:204px; left:310px;}
.banb_b{ position:absolute; top:264px; left:300px;}
.ban5_a{ position:absolute; top:174px; left:129px;}
.ban6_a{ position:absolute; top:192px; right:-48px;}
.ban7_a{ position:absolute; top:192px; right:-50px;}
.ban8_a{ position:absolute; top:237px; right:-50px;}
@media screen and (max-width:1024px){
.container{ width:100%; margin:0 auto;}
.slide-text{ width:100%;}
.control-round .carousel-control{ display:none;}
.bana_a{ position:absolute; top:275px; left:10px;}
.bana_b{ position:absolute; top:352px; left:10px;}
.ban6_a{ position:absolute; top:192px; right:10px;}
.ban7_a{ position:absolute; top:192px; right:10px;}
.ban8_a{ position:absolute; top:237px; right:10px;}	
}
.slide-image img{ display:none;}
@media screen and (max-width:860px){
.control-round .carousel-control{ display:none;}
.bs-slider{ height:auto;}
.slide-image{ background:none; height:auto;}
.slide-image img{ display:block; width:100%;}	
.container{ display:none;}
}
